.center{
    width: 1000px;
    margin: auto;
    position: relative;
}

body{
    background: #f0ebef;
}
.tophead{
    background: #e8e8e8;
    height: 25px;
    overflow: hidden;
    .tophead-c{
        height: 25px;
        p{
            line-height: 25px;
            color: #6c6c6c;
            font-size: 12px;
            font-family: simsun;
        }
    }
}
.header{
    height: 58px;
    line-height: 58px;
    background: url(http://ugc.vipstatic.com/img/support/1/contact_us/header_bg.gif) repeat-x;
    .header-c{
        height: 58px;
        background: url(http://ugc.vipstatic.com/img/support/1/contact_us/logo.png) no-repeat;
        a{
            display: block;
            text-indent: -9999px;
            width: 110px;
            height: 56px;
        }
        ul{
            position: absolute;
            top: 0;
            right: 0;
            z-index: 99;
            li{
                float: left;
                margin-left: 56px;
                color: #fff;
                font-size: 20px;
            }
        }
    }
}
.wra{
    position: relative;
    width: 1000px;
    margin: 20px auto 0;
    background: #fff;
    // 左侧导航
    .nav{
        width: 188px;
        position: absolute;
        top: 5px;
        left: 0px;
        h6{
            background: url(http://ugc.vipstatic.com/img/support/1/contact_us/nav_left_bg_top_ljwm.png) no-repeat;
            height: 57px;
        }
        ul{
            padding: 7px 15px 0 42px;
            position: relative;
            .pick{
                background: url(http://ugc.vipstatic.com/img/support/1/contact_us/nav_left_icon.gif) no-repeat 103px 0;
                a{
                    color: #dd238b;
                }
            }
            li{
                text-indent: 10px;
                font-size: 14px;
                height: 40px;
                line-height: 40px;
                border-bottom: 1px solid #edeeef;
                a{
                    display: block;
                    color: #7b7b7b;
                }
                
            }
        }
    }
    // 右侧内容
    .r-content{
        .c-about{
            position: relative;
            float: right;
            width: 670px;
            padding: 10px 70px 0 69px;
            overflow: hidden;
            margin-top: 50px;
            h2{
                background: url(http://ugc.vipstatic.com/img/support/1/contact_us/dash.gif) repeat-x bottom;
                width: 100%;
                height: 64px;
                margin-bottom: 20px;
                img{
                    vertical-align: top;
                }
                span{
                    margin-left: 620px;
                    margin-top: -50px;
                    display: block;
                    font-size: 14px;
                    font-family: arial;
                    font-weight: 300;
                }
            }
            .il{
                padding: 5px;
                background: #fff;
                box-shadow: 0 0 2px #c3c3c3;
                margin-left: 2px;
            }
            .inner{
                position: relative;
                padding-bottom: 451px;
                i{
                    width: 125px;
                    height: 116px;
                    display: block;
                    position: absolute;
                    top: 20px;
                    right: 0;
                    background: url(http://a.vpimg2.com/upload/actpics/edm/2014/1m/us/hi_vip_icon_01.png) no-repeat;
                }
                h4 {
                    color: #dd238b;
                    font-size: 22px;
                    font-family: 微软雅黑;
                    font-weight: 100;
                    padding-top: 30px;
                }
                p{
                    font-size: 14px;
                    color: #333;
                    line-height: 32px;
                    font-family: \\5FAE\8F6F\96C5\9ED1;
                    .color_dashed {
                        color: #dd238b;
                    }
                }
                .bor_dashed {
                    border-bottom: 1px dashed #ccc;
                }
            }
        }
    }
}
@media all and (min-width: 0) and (max-width:1000px){
    .center{
        width: 90vw;
        margin: auto;
        position: relative;
    }
    .tophead{
        background: #e8e8e8;
        height: 20px;
        overflow: hidden;
        .tophead-c{
            height: 20px;
            p{
                line-height: 20px;
                color: #6c6c6c;
                font-size: 12px;
                font-family: simsun;
            }
        }
    }
    .header{
        height: 48px;
        line-height: 48px;
        background: url(http://ugc.vipstatic.com/img/support/1/contact_us/header_bg.gif) repeat-x;
        .header-c{
            height: 48px;
            background: url(http://ugc.vipstatic.com/img/support/1/contact_us/logo.png) no-repeat;
            a{
                display: block;
                text-indent: -9999px;
                width: 8vw;
                height: 46px;
            }
            ul{
                position: absolute;
                top: 0;
                right: 0;
                z-index: 99;
                li{
                    float: left;
                    margin-left: 2vw;
                    color: #fff;
                    font-size: 20px;
                }
            }
        }
    }
    .wra{
        position: relative;
        width: 90vw;
        margin: 10px auto 0;
        background: #fff;
        // 左侧导航
        .nav{
            width: 20vw;
            position: absolute;
            top: 3px;
            left: 0px;
            h6{
                background: url(http://ugc.vipstatic.com/img/support/1/contact_us/nav_left_bg_top_ljwm.png) no-repeat;
                height: 47px;
            }
            ul{
                padding: 4px 10px 0 30px;
                position: relative;
                .pick{
                    background: url(http://ugc.vipstatic.com/img/support/1/contact_us/nav_left_icon.gif) no-repeat 103px 0;
                    a{
                        color: #dd238b;
                    }
                }
                li{
                    text-indent: 10px;
                    font-size: 14px;
                    height: 30px;
                    line-height: 30px;
                    border-bottom: 1px solid #edeeef;
                    a{
                        display: block;
                        color: #7b7b7b;
                    }
                    
                }
            }
        }
        // 右侧内容
        .r-content{
            .c-about{
                position: relative;
                float: right;
                width: 60vw;
                padding: 5px 50px 0 50px;
                overflow: hidden;
                margin-top: 50px;
                h2{
                    background: url(http://ugc.vipstatic.com/img/support/1/contact_us/dash.gif) repeat-x bottom;
                    width: 100%;
                    height: 64px;
                    margin-bottom: 15px;
                    img{
                        vertical-align: top;
                    }
                    span{
                        margin-left: 45vw;
                        margin-top: -40px;
                        display: block;
                        font-size: 14px;
                        font-family: arial;
                        font-weight: 300;
                    }
                }
                .il{
                    padding: 4px;
                    background: #fff;
                    box-shadow: 0 0 2px #c3c3c3;
                    margin-left: 2px;
                }
                .inner{
                    position: relative;
                    padding-bottom: 38vw;
                    i{
                        width: 10vw;
                        height: 10vw;
                        display: block;
                        position: absolute;
                        top: 15px;
                        right: 0;
                        background: url(http://a.vpimg2.com/upload/actpics/edm/2014/1m/us/hi_vip_icon_01.png) no-repeat;
                    }
                    h4 {
                        color: #dd238b;
                        font-size: 22px;
                        font-family: 微软雅黑;
                        font-weight: 100;
                        padding-top: 30px;
                    }
                    p{
                        font-size: 14px;
                        color: #333;
                        line-height: 32px;
                        font-family: \\5FAE\8F6F\96C5\9ED1;
                        .color_dashed {
                            color: #dd238b;
                        }
                    }
                    .bor_dashed {
                        border-bottom: 1px dashed #ccc;
                    }
                }
            }
        }
    }
}